.margin-left-1 {
    margin-left: 1rem;
}
.margin-left {
    margin-left: 0.5rem;
}
.margin-left-none {
    margin-left: 0;
}
.padding-top {
    padding-top: 0.5rem;
}
.padding-top-1 {
    padding-top: 1rem;
}
.padding-bottom {
    margin-bottom: 0.5rem;
}
.padding-bottom-1 {
    margin-bottom: 1rem;
}
.margin-top {
    margin-top: 0.5rem;
}
.margin-top-1 {
    margin-top: 1rem;
}

.margin-bottom {
    margin-bottom: 0.5rem;
}

.margin-bottom-1 {
    margin-bottom: 1rem;
}
.headSearch {
    .el-button.is-round {
        border-radius: var(--el-border-radius-round);
        // --el-button-hover-text-color: none;
        // --el-button-hover-border-color: #409eff;
        // &:hover {
        //     border: 1px solid #409eff;
        // }
    }
    .text {
        font-size: 1rem;
        margin: 0 0.5rem 0 0.5rem;
    }
}
.DocSearch-Button-Keys {
    display: flex;
    .DocSearch-Button-Key {
        align-items: center;
        background: var(--docsearch-key-gradient);
        border-radius: 3px;
        box-shadow: var(--docsearch-key-shadow);
        color: var(--docsearch-muted-color);
        display: flex;
        height: 1.2rem;
        justify-content: center;
        width: 1.5rem;
    }
}
// 搜索框的样式

.searchDialog {
    .el-input {
        --el-input-focus-border-color: var(--docsearch-border-focus);
        .loadingSvg {
            display: flex;
            align-items: center;
            overflow: hidden;
            img {
                filter: drop-shadow(var(--docsearch-card-bgColor) 100px 0);
                transform: translateX(-100px);
            }
        }
        .el-icon {
            color: var(--docsearch-card-bgColor) ;
        }
    }
    .el-input--large .el-input__inner {
        color: var(--docsearch-text-color);
        font-size: 1rem;
    }
    .el-dialog__header {
        margin-right: 0;
    }
    .el-dialog__body {
        padding-top: 0;
    }
    .el-dialog__footer {
        text-align: left;
        background: var(--docsearch-footer-background);
        box-shadow: var(--docsearch-footer-shadow);
        .footer {
            display: flex;
            justify-content: space-between;
            .docsearch_Commands {
                display: flex;
                .docsearch_Command {
                    display: flex;
                    align-items: center;
                    span {
                        margin-left: 0.5rem;
                    }
                }
            }
            .log {
                display: flex;
                align-items: center;
                .logBox {
                    width: 4rem;
                    background: var(--docsearch-footer-background);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }
        }
    }
}

